import Vue from 'vue'
import VueRouter from 'vue-router'
import installation from '../pages/installation.vue'
Vue.use(VueRouter)

const guide = [
    {
        path: '/',
        component: installation,
    },
    {
        path: '/component/installation',
        name: 'installation',
        component: installation,
    },
    {
        path: '/component/quickstart',
        name: 'quickstart',
        component: () => import('../pages/quickstart.vue')
    },
    {
        path: '/component/aaa',
        name: 'aaa',
        component: () => import('../views/aaa/index.vue')
    },
];
const basic = [
    {
        path: '/component/layout',
        name: 'layout',
        component: () => import('../views/layout/index.vue')
    },
    {
        path: '/component/container',
        name: 'container',
        component: () => import('../views/container/index.vue')
    },
    {
        path: '/component/icon',
        name: 'icon',
        component: () => import('../views/icon/index.vue')
    },
    {
        path: '/component/button',
        name: 'button',
        component: () => import('../views/button/index.vue')
    },
    {
        path: '/component/link',
        name: 'link',
        component: () => import('../views/link/index.vue')
    },
];
const form = [
    {
        path: '/component/radio',
        name: 'radio',
        component: () => import('../views/radio/index.vue')
    },
    {
        path: '/component/checkbox',
        name: 'checkbox',
        component: () => import('../views/checkbox/index.vue')
    },
    {
        path: '/component/input',
        name: 'input',
        component: () => import('../views/input/index.vue')
    },
    {
        path: '/component/input-number',
        name: 'input-number',
        component: () => import('../views/inputnumber/index.vue')
    },
    {
        path: '/component/select',
        name: 'select',
        component: () => import('../views/select/index.vue')
    },
    {
        path: '/component/switch',
        name: 'switch',
        component: () => import('../views/switch/index.vue')
    },
    {
        path: '/component/slider',
        name: 'slider',
        component: () => import('../views/slider/index.vue')
    },
    {
        path: '/component/rate',
        name: 'rate',
        component: () => import('../views/rate/index.vue')
    },
    {
        path: '/component/form',
        name: 'form',
        component: () => import('../views/form/index.vue')
    },
];
const data = [
    {
        path: '/component/table',
        name: 'table',
        component: () => import('../views/table/index.vue')
    },
    {
        path: '/component/tag',
        name: 'tag',
        component: () => import('../views/tag/index.vue')
    },
    {
        path: '/component/progress',
        name: 'progress',
        component: () => import('../views/progress/index.vue')
    },
    {
        path: '/component/pagination',
        name: 'pagination',
        component: () => import('../views/pagination/index.vue')
    },
    {
        path: '/component/badge',
        name: 'badge',
        component: () => import('../views/badge/index.vue')
    },
    {
        path: '/component/avatar',
        name: 'avatar',
        component: () => import('../views/avatar/index.vue')
    },
    {
        path: '/component/skeleton',
        name: 'skeleton',
        component: () => import('../views/skeleton/index.vue')
    },
    {
        path: '/component/empty',
        name: 'empty',
        component: () => import('../views/empty/index.vue')
    },
    {
        path: '/component/descriptions',
        name: 'descriptions',
        component: () => import('../views/descriptions/index.vue')
    },
    {
        path: '/component/result',
        name: 'result',
        component: () => import('../views/result/index.vue')
    }
];
const notice = [
    {
        path: '/component/alert',
        name: 'alert',
        component: () => import('../views/alert/index.vue')
    },
    {
        path: '/component/message',
        name: 'message',
        component: () => import('../views/message/index.vue')
    },
    {
        path: '/component/message-box',
        name: 'message-box',
        component: () => import('../views/messageBox/index.vue')
    },
    {
        path: '/component/notification',
        name: 'notification',
        component: () => import('../views/notification/index.vue')
    }
];
const navigation = [
    {
        path: '/component/tabs',
        name: 'tabs',
        component: () => import('../views/tabs/index.vue')
    },
    {
        path: '/component/breadcrumb',
        name: 'breadcrumb',
        component: () => import('../views/breadcrumb/index.vue')
    },
    {
        path: '/component/page-header',
        name: 'page-header',
        component: () => import('../views/pageHeader/index.vue')
    },
    {
        path: '/component/steps',
        name: 'steps',
        component: () => import('../views/steps/index.vue')
    }
];
const others = [
    {
        path: '/component/dialog',
        name: 'dialog',
        component: () => import('../views/dialog/index.vue')
    },
    {
        path: '/component/card',
        name: 'card',
        component: () => import('../views/card/index.vue')
    },
    {
        path: '/component/collapse',
        name: 'collapse',
        component: () => import('../views/collapse/index.vue')
    },
    {
        path: '/component/timeline',
        name: 'timeline',
        component: () => import('../views/timeline/index.vue')
    },
    {
        path: '/component/divider',
        name: 'divider',
        component: () => import('../views/divider/index.vue')
    },
    {
        path: '/component/image',
        name: 'image',
        component: () => import('../views/image/index.vue')
    },
    {
        path: '/component/backtop',
        name: 'backtop',
        component: () => import('../views/backtop/index.vue')
    }
];

const routes = [
    ...guide,
    ...basic,
    ...data,
    ...form,
    ...notice,
    ...navigation,
    ...others,
]

const router = new VueRouter({
    //mode: 'history',
    base: process.env.BASE_URL,
    routes
})

export default router
